<template>
    <div class="phone_c">
        <Header :activIndex = "2"></Header>
        <!-- <div class="top_big">
            <img :src="banImg" alt="">
        </div> -->
        <div class="main_width">
            <div class="nav"> <myBread :breadList="breadList"></myBread></div>
            <div class="tit">
                {{ datas.announcementType == 2?'终结公告':'中止公告' }}
            </div>
            <div class="tc mt_20">{{datas.createDate}}</div>
            <div class="content">
              <div class="showWord">
                  <div class="showWord_title">关于{{ datas.announcementType == 1?'中止':'终结'  }}  <span class="min_width under-line">{{datas.subjectName}}</span> 项目的公告</div>
                  <div class="showtext_title">
                        <p><span class="min_width under-line">{{datas.subjectName}}</span>项目（标的编号： <span class="min_width under-line">{{datas.subjectNum}}</span>）于  <span class="min_width under-line">{{datas.revealTime}}</span>在我所网站信息披露。</p>
                        <p>我所收到转让方<span class="min_width under-line">{{datas.transferor}}</span>对该项目中止的申请，根据杭州产权交易所相关交易规则，现中止该项目，中止期限为 <span class="min_width under-line">{{datas.suspensionDay}}</span>日。</p>
                        <p>特此公告。</p>
                        <p class="showtext_right">杭州产权交易所<br><span class="min_width under-line">{{datas.createDate}}</span></p>
                  </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    import myBread from "~/components/bread";
    import Header from "~/components/header"
    export default {
        components: {
            myBread,
            Header  
        },          
        data(){
            return {
                datas:{},
                banImg:'',
                breadList: [Array],
            }
        },
        mounted(){
            console.log(this.$route.query.id)
            this.getData(this.$route.query.id)
        },
        methods:{
            getBreadcrumb(title) {
                let matched = this.$route.matched;
                // console.log(matched)
                matched[0].meta.title = title;
                matched = [
                    { path: "/", meta: { title: "首页" } },
                    { path: "/projectAnnouncement", meta: { title: "公告" } }
                ].concat(matched);
                this.breadList = matched;
            },              
            getData(id){
                this.get('/info/announcement/'+id).then(data=>{
                    this.datas=data.data;
                    this.getBreadcrumb(this.datas.subjectName);
                });
            }
        }
    }
</script>
<style lang="scss" scoped>
    .content{
       line-height: 20px;
       padding: 30px 0;
       min-height: 400px
    }
    .tit{
        font-size: 15px;
        text-align: center;
        background: #EEEEEE;
        padding: 10px 0;
        border-bottom: 1px solid #2C9F45;
        letter-spacing:3px;
    }
    .showWord{width: 700px;margin: 0 auto;margin-top: 10px}
    .showWord_title{
        font-family: SimHei;
        font-size: 22px;
        font-weight: 600; 
        text-align: center;   
        margin-bottom: 20px;    
    }
    .min_width{
        min-width: 100px;
        text-indent: 0em;
        display: inline-block;
        text-align: left
    }
    .under-line {
        border-bottom: solid 1px black;
        display: inline-block;
        line-height: 30px;
        text-align: center
    }    
    .showtext_title{
        font-size: 14px;
        line-height: 50px;
    }
    .showtext_title p{text-indent: 2em}
    .showtext_right{text-align: right}
</style>  